<template>
	<view class="about-us p-5 fixed-top bottom-0 flex flex-column justify-between">
		<view class="top flex flex-column align-center">
			<view class="logo flex flex-column align-center">
				<image style="width: 150rpx; height: 150rpx;" src="../../static/image/my/iconlogo@2x.png" mode=""></image>
				<p class="h3 py-2">衣帮衣</p>
				<!-- <p class="text-black-a5">1.0.0版本</p> -->
			</view>
			<view class="info">
				<view class="flex justify-between">
					<p class="text-black-5c">官方网站</p>
					<p class="text-black-a5">http://www.ybangy.net</p>
				</view>
				<view class="flex justify-between">
					<p class="text-black-5c">客服电话</p>
					<p class="text-black-a5">15638535735</p>
				</view>
				<view class="flex justify-between">
					<p class="text-black-5c">公司邮箱</p>
					<p class="text-black-a5">yibyikj@163.com</p>
				</view>
				<view class="flex justify-between tell">
					<view class="code">
					  <p style="text-align: center;">公众号二维码</p>
					  <img  src="../../static/image/my/liye.png" />
					</view>
					<view class="code">
					  <p style="text-align: center;">微信联系方式</p>
					  <img  src="../../static/image/my/heige.png"/>
					</view>
				</view>
			</view>
		</view>
		<view class="bottom flex flex-column align-center">
			<p class="text-black-a5">北京衣帮衣科技有限公司</p>
			<p class="text-black-a5">Copyright© 2020 ybangy.net</p>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.about-us{
	background: #fff;
	.code{
		img{
			margin-top: 25rpx;
			width: 200rpx;
			height:200rpx;
			border: 1px dashed #333;
		}
	}
	.info{
		width: 85%;
		>view{
			border-bottom: 1rpx solid #E5E5E5;
			padding:36rpx 10rpx ;
		}
	}
	// height: 100%;
}

</style>
